<!DOCTYPE html>
<html class="no-js" lang="pt">
<head>
<title>ReviewIt</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<link rel="stylesheet" href="../css/normalize.css" />
<link rel="stylesheet" href="../css/foundation.css" />
<link rel="stylesheet" href="../css/font_awesome.css" />
<link rel="stylesheet" href="../css/app.css" />
<script src="../js/modernizr.js"></script>
</head>
<body>
	<header id="header" class="row">
		<div class="large-12 columns">
			<a id="header-logo" href="" class="left"> <img
				src="../images/reviewit.png" alt="ReviewIt">
			</a>
			<div id="header-user" class="right">
				<a href="" class="button" data-dropdown="menu-user"> <img
					id="header-user-pic" src="../images/user_default.png"> <span
					id="header-user-arrow" class="icon-caret-down"></span>
				</a>
				<ul id="menu-user" class="f-dropdown" data-dropdown-content>
					<li><a href="">Meus Documentos</a></li>
					<li><a href="">Perfil</a></li>
					<li><a href="">Sair</a></li>
				</ul>
			</div>
			<nav id="header-nav" class="right">
				<ul class="button-group right">
					<li id="header-link-home"><a href="frontend_index.html"
						class="small alert button"><i class="icon-home"></i></a></li>
					<li><a href="" data-reveal-id="modal-send-doc"
						class="small button">Enviar Documento</a></li>
					<li><a href="frontend_documents.html"
						class="small secondary button">Documentos</a></li>
					<li><a href="frontend_users.html"
						class="small secondary button">UsuÃ¡rios</a></li>
				</ul>
				<form id="form-search-docs" method="post" action="" class="right">
					<div class="row collapse">
						<div class="small-3 large-2 columns">
							<span class="prefix"><i class="icon-search"></i></span>
						</div>
						<div class="small-9 large-10 columns">
							<input type="text" placeholder="Procurar...">
						</div>
					</div>
				</form>
			</nav>
			<hr>
		</div>
	</header>

	<div id="content" class="row">
		<article class="large-12 columns">
			<h3 id="title">
				<div class="icon-group"></div>
				UsuÃ¡rios
			</h3>
			<hr>
			<form id="form-search-users" method="post" action="">
				<div class="row collapse">
					<div class="small-3 large-2 columns">
						<span class="prefix"><i class="icon-search"></i></span>
					</div>
					<div class="small-9 large-10 columns">
						<input type="text" placeholder="Procurar...">
					</div>
				</div>
			</form>
			<div class="users">
				<a href="">
					<div class="panel">
						<img src="../images/user_default.png">
						<div>
							<strong class="user-name"><span class="icon-user"></span>Nome
								do UsuÃ¡rio</strong>
							<div class="user-address">
								<span class="icon-map-marker"></span>Cidade, Estado - PaÃ­s
							</div>
							<div>
								<span class="user-docs"><span class="icon-file-alt"></span>5</span>
								| <span class="user-rating"><span class="icon-ok"></span>334</span>
							</div>
						</div>
					</div>
				</a> <a href="">
					<div class="panel">
						<img src="../images/user_default.png">
						<div>
							<strong class="user-name"><span class="icon-user"></span>Nome
								do UsuÃ¡rio</strong>
							<div class="user-address">
								<span class="icon-map-marker"></span>Cidade, Estado - PaÃ­s
							</div>
							<div>
								<span class="user-docs"><span class="icon-file-alt"></span>5</span>
								| <span class="user-rating"><span class="icon-ok"></span>334</span>
							</div>
						</div>
					</div>
				</a> <a href="">
					<div class="panel">
						<img src="../images/user_default.png">
						<div>
							<strong class="user-name"><span class="icon-user"></span>Nome
								do UsuÃ¡rio</strong>
							<div class="user-address">
								<span class="icon-map-marker"></span>Cidade, Estado - PaÃ­s
							</div>
							<div>
								<span class="user-docs"><span class="icon-file-alt"></span>5</span>
								| <span class="user-rating"><span class="icon-ok"></span>334</span>
							</div>
						</div>
					</div>
				</a> <a href="">
					<div class="panel">
						<img src="../images/user_default.png">
						<div>
							<strong class="user-name"><span class="icon-user"></span>Nome
								do UsuÃ¡rio</strong>
							<div class="user-address">
								<span class="icon-map-marker"></span>Cidade, Estado - PaÃ­s
							</div>
							<div>
								<span class="user-docs"><span class="icon-file-alt"></span>5</span>
								| <span class="user-rating"><span class="icon-ok"></span>334</span>
							</div>
						</div>
					</div>
				</a> <a href="">
					<div class="panel">
						<img src="../images/user_default.png">
						<div>
							<strong class="user-name"><span class="icon-user"></span>Nome
								do UsuÃ¡rio</strong>
							<div class="user-address">
								<span class="icon-map-marker"></span>Cidade, Estado - PaÃ­s
							</div>
							<div>
								<span class="user-docs"><span class="icon-file-alt"></span>5</span>
								| <span class="user-rating"><span class="icon-ok"></span>334</span>
							</div>
						</div>
					</div>
				</a>
				<ul class="pagination">
					<li class="arrow unavailable"><a href="">&laquo;</a></li>
					<li class="current"><a href="">1</a></li>
					<li><a href="">2</a></li>
					<li><a href="">3</a></li>
					<li><a href="">4</a></li>
					<li class="unavailable"><a href="">&hellip;</a></li>
					<li><a href="">12</a></li>
					<li><a href="">13</a></li>
					<li class="arrow"><a href="">&raquo;</a></li>
				</ul>
			</div>
		</article>
	</div>

	<footer id="footer" class="row">
		<div class="large-10 large-centered columns">
			<div id="footer-copyright" class="left">
				&copy; 2013 <a href="">ReviewIt</a>
			</div>
			<div id="footer-social">
				<a href="" target="_blank"><img src="../images/facebook.png"></a>
				<a href="" target="_blank"><img src="../images/twitter.png"></a>
			</div>
			<nav id="footer-nav" class="right">
				<a href="">Home</a> | <a href="">Termos</a> | <a href="">Privacidade</a>
				| <a href="">Ajuda</a> | <a href="">Sobre</a>
			</nav>
		</div>
	</footer>

	<!-- Modals -->
	<div id="modal-send-doc" class="reveal-modal medium">
		<a class="close-reveal-modal">&#215;</a>
		<h3>
			<span class="icon-cloud-upload"></span>Enviar documento
		</h3>
		<form method="post" action="">
			<label for="send-doc-title">Titulo</label> <input id="send-doc-title"
				name="send-doc-title" type="text"> <label
				for="send-doc-description">DescriÃ§Ã£o</label>
			<textarea id="send-doc-description" name="send-doc-description"></textarea>
			<label for="send-doc-tags">Tags</label> <input id="send-doc-tags"
				name="send-doc-tags" type="text"> <label for="send-doc-file">Documento
				*</label> <input id="send-doc-file" name="send-doc-file" type="file">
			<div id="send-doc-info">
				<span>* Tamanho mÃ¡ximo do arquivo: 5MB</span> <br> <span
					data-tooltip class="has-tip tip-right"
					title="Image files (.JPEG, .PNG, .GIF, .TIFF, .BMP)<br>Video files (WebM, .MPEG4, .3GPP, .MOV, .AVI, .MPEGPS, .WMV, .FLV)<br>Text files (.TXT)<br>Microsoft Word (.DOC and .DOCX)<br>Microsoft Excel (.XLS and .XLSX)<br>Microsoft PowerPoint (.PPT and .PPTX)<br>Adobe Portable Document Format (.PDF)<br>Adobe Illustrator (.AI)<br>Adobe Photoshop (.PSD)<br>Tagged Image File Format (.TIFF)<br>Autodesk AutoCad (.DXF)<br>Scalable Vector Graphics (.SVG)<br>PostScript (.EPS, .PS)<br>TrueType (.TTF)<br>XML Paper Specification (.XPS)<br>">
					* Formatos suportados </span>
			</div>
			<hr>
			<button type="submit" class="small expand">Enviar Documento</button>
		</form>
	</div>

	<!-- Scripts -->
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/foundation.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script>
		var disqus_shortname = 'reviewitproject';

        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
	</script>
</body>
</html>